<template>
  <div class="form-layout">
    <!--左侧导航-->
    <div class="nav-left">
      <customAnchor :itemList="importList"/>
    </div>
    <!--表单区域-->
    <div class="form-right" ref="formRight">
      <div
        v-for="item in importList"
        :key="item.name"
      >
        <div :id="item.name" class="box-title">{{item.title}}</div>
        <dataImportArea :config="item"/>
      </div>

    </div>
  </div>
</template>

<script>
import dataImportArea from '@/views/base/help/dataImportArea.vue'

export default {
  help: '系统数据导入',
  data() {
    return {
      form: {},
      importList: [
        {
          name: 'box-1',
          title: '1、商品品类',
          help: `平台商品品类<br>
          1、根据品类代码匹配，如果存在则覆盖，不存在则新增
          `,
          downloadPath: '/base/material_catalogs/excel/template',
          importPath: '/base/material_catalogs/excel/import'
        },
        {
          name: 'box-2',
          title: '2、供应商',
          help: `
          1、根据名称匹配，如果存在则覆盖，不存在则新增
          `,
          downloadPath: '/base/suppliers/excel/template',
          importPath: '/base/suppliers/excel/import'
        },
        {
          name: 'box-3',
          title: '3、厂商',
          help: `
          1、根据供应商名称，查找相关供应商的厂商，根据名称匹配，如果存在则覆盖，不存在则新增
          `,
          downloadPath: '/base/manufacturers/excel/template',
          importPath: '/base/manufacturers/excel/import'
        },
        {
          name: 'box-4',
          title: '4、商品',
          help: `
          1、商品匹配，根据供应商、厂商、品名匹配，如果存在则覆盖，不存在则新增<br>
          2、规格匹配，根据商品名、规格名称匹配，如果存在则覆盖，不存在则新增
          `,
          downloadPath: '/base/materials/excel/template',
          importPath: '/base/materials/excel/import'
        },
        {
          name: 'box-5',
          title: '5、医院供应商供方关系',
          help: `
          1、根据供应商、医院名称匹配，如果不存在则新增，存在则<span style="color: red">忽略</span>
          `,
          downloadPath: '/base/hospital_suppliers/excel/template',
          importPath: '/base/hospital_suppliers/excel/import'
        },
        {
          name: 'box-6',
          title: '6、医院供应商供货关系',
          help: `
          1、根据品名、规格、商品编码、厂商匹配，如果不存在则新增，存在则更新
          `,
          downloadPath: '/base/hospital_materials/excel/template',
          importPath: '/base/hospital_materials/excel/import'
        },
        {
          name: 'box-7',
          title: '7、供应商资质',
          help: `
          1、同一主体下同一种营业执照不可重复，如果不存在则新增，存在则更新
          `,
          downloadPath: '/cert/certificate_repositorys/excel/template',
          importPath: '/cert/certificate_repositorys/excel/import'
        }
      ]
    }
  },
  methods: {
  },
  created() {

  },
  props: {
  },
  components: { dataImportArea },
  computed: {
  },
}
</script>


<style lang="scss" scoped>
.form-layout{
  .nav-left{
    width: 200px;
  }

  .form-right{
    width: calc(100% - 210px);
    left: 210px;
    max-height: 100%;
  }
}
</style>
